<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>网页作业</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">

	<!-- 样式表CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/templatemo-blue.css">
</head>
<body data-spy="scroll" data-target=".navbar-collapse">

<!-- 预载节 -->
<div class="preloader">
	<div class="sk-spinner sk-spinner-wordpress">
       <span class="sk-inner-circle"></span>
     </div>
</div>

<!-- 标题 -->
<header>
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<img src="images/tm-easy-profile.jpg" class="img-responsive img-circle tm-border" alt="templatemo easy profile">
				<hr>
				<h1 class="tm-title bold shadow">纪琳杰</h1>
				<h3 class="white bold shadow">作者</h3>
			</div>
		</div>
	</div>
</header>

<!--概述和技能部分 -->
<section class="container">
	<div class="row">
		<div class="col-md-6 col-sm-12">
			<div class="about">
				<h3 class="accent">简单的概述</h3>
				<p>这个简单的HTML文件，是有4种颜色主题：
				         蓝色、<a href="index-green.html">绿色</a>、
				         <a href="index-gray.html">灰色</a>和<a href="index-orange.html">橙色</a>。
				</p>
			</div>
		</div>
		<div class="col-md-6 col-sm-12">
			<div class="skills">
				<h2 class="white">掌握技能</h2>
				<strong>毛概</strong>
				<span class="pull-right">70%</span>
					<div class="progress">
						<div class="progress-bar progress-bar-primary" role="progressbar" 
                        aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
					</div>
				<strong>Flash</strong>
				<span class="pull-right">85%</span>
					<div class="progress">
						<div class="progress-bar progress-bar-primary" role="progressbar" 
                        aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
					</div>
				<strong>HTML</strong>
				<span class="pull-right">95%</span>
					<div class="progress">
						<div class="progress-bar progress-bar-primary" role="progressbar" 
                        aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;"></div>
					</div>
			</div>
		</div>
	</div>
</section>
<!-- 教育和语言 -->
<section class="container">
	<div class="row">
		<div class="col-md-8 col-sm-12">
			<div class="education">
				<h2 class="white">学习经历</h2>
					<div class="education-content">	
					    <ul>
					        <li>2004-2005:就读于兴隆小学</li>
					        <li>2010-2013：就读于通江县实验中学（初中）</li>
					        <li>2013-2016：就读于通江县职业高级中学（中专）</li>
					    </ul>											
					</div>
			</div>
		</div>
		<div class="col-md-4 col-sm-12">
			<div class="languages">
				<h2>荣誉</h2>
					<ul>
						<li>三好学生</li>						
						<li>优秀团员</li>
						<li>计算机应用技术二级证书</li>
					</ul>
			</div>
		</div>
	</div>
</section>

<!-- 联系和经验 -->
<section class="container">
	<div class="row">
		<div class="col-md-4 col-sm-12">
			<div class="contact">
				<h2>联系方式</h2>
					<p><i class="fa fa-map-marker"></i>四川华新现代职业学院</p>
					<p><i class="fa fa-phone"></i>15884964462</p>
					<p><i class="fa fa-envelope"></i> 1059880480@qq.com</p>
			</div>
		</div>
		<div class="col-md-8 col-sm-12">
			<div class="experience">
				<h2 class="white"></h2>
					<div class="experience-content">
						<p class="education-description">我待人友善，待事认真、负责、忠于职守，具有责任感。做人原则是要真诚待人，别人才能真诚待你。所以重友谊，重视与朋友之间的感情。为人热情乐于助人。性格随和，乐于与人相处。</p>
					</div>
			</div>
		</div>
	</div>
</section>

<!-- footer section -->
<footer>
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<p>版权所有</p>
				<ul class="social-icons">
					<li><a href="#" class="fa fa-facebook"></a></li>
                    <li><a href="#" class="fa fa-google-plus"></a></li>
					<li><a href="#" class="fa fa-twitter"></a></li>
					<li><a href="#" class="fa fa-dribbble"></a></li>
					<li><a href="#" class="fa fa-github"></a></li>
					<li><a href="#" class="fa fa-behance"></a></li>
				</ul>
			</div>
		</div>
	</div>
</footer>

<!-- javascript js -->	
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>	
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/custom.js"></script>

</body>
</html>